<template>
    <div class="page flex-col">
      <div class="box_1 flex-col">
        <div class="block_1 flex-row">
          <span class="text_1">浙里蓝焰之家</span>
          <div class="input_1 flex-row">
            <input
              class="text_2"
              placeholder="政策服务"
              style="width: 96px; height: 33px"
            /><img
              class="image_1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd43d15c3b49b1f3d4d06497f44ec35d273fa8ae3bff7707d613db1c9b632cccb"
            />
            <span class="text_3">搜索</span>
          </div>
          <img
            class="applet-top-bar_1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngab08734b1cdb66c1220259df9e50901bb14709ba0e874081380f13dca9cf1d2d"
          />
        </div>
        <span class="paragraph_1"
          >&nbsp;&nbsp;&nbsp;&nbsp;思想上认同组织，政治上依靠组织，<br />工作上服从组织，感情上依赖组织。</span
        >
        <div class="block_2 flex-row">
          <img
            class="image_2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6574bffaf4b743e93a5d89e92d5500e505bea689c15de48152b3942cfeb61022"
          />
          <span class="text_4">WeChat</span>
          <img
            class="image_3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga2863c34efea3150ca45da5ae2c8800d291ab8f8ee125d828d2c4429d2cea8dc"
          />
          <span class="text_5">1:21&nbsp;AM</span>
          <span class="text_6">100%</span>
          <img
            class="image_4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2f9c5d07e9c5ae83561db543913f3635c4586953a60e5db7a5b62b6d001f46fb"
          />
        </div>
      </div>
      <div class="box_2 flex-col">
        <div class="text-wrapper_1 flex-row">
          <span class="text_7">岗位练兵</span>
        </div>
        <div class="image-wrapper_1 flex-row justify-between">
          <img
            class="image_5"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5309411b20c47bf5ed736208022ebd8495d40b65752ca6722e61b078bcffe58e"
          />
          <img
            class="image_6"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc99b3646eb1f9151e0b4dc1b7063567c424bbf2b6ff4c88cc5add16564d096ce"
          />
        </div>
        <div class="text-wrapper_2 flex-row justify-between">
          <span class="text_8">练习模式</span>
          <span class="text_9">在线考试</span>
        </div>
        <div class="tab-bar_1 flex-row justify-between">
          <div class="tab-bar-item_1 flex-col">
            <img
              class="icon_1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9e1cf7f2730e2caa02af48a6bb52fb6f45a25c3eef8ce4ffca11af71ed1477c5"
            />
            <span class="text_10">首页</span>
          </div>
          <div class="tab-bar-item_2 flex-col">
            <img
              class="icon_2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf399a3f146ea04307d8657fd55e98140d0b611d727b96f56f3c69ac21421a132"
            />
            <span class="text_11">通知</span>
          </div>
          <div class="tab-bar-item_3 flex-col">
            <img
              class="icon_3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng68d78d68b13c895e34e98a325cfe8b086760d9c188ba3a61bfe33094a0f75bbe"
            />
            <span class="text_12">收藏</span>
          </div>
          <div class="tab-bar-item_4 flex-col">
            <img
              class="icon_4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf947e15198215fd598330e75556cf4b93fcc451cfc2c4a07f083f4f6526cdbf6"
            />
            <span class="text_13">我的</span>
          </div>
        </div>
      </div>
      <div class="box_3 flex-col">
        <div class="list_1 flex-col">
          <div
            class="list-items_1 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <div class="text-wrapper_3 flex-row">
              <span class="text_14" v-html="item.lanhutext0"></span>
            </div>
            <div v-if="item.slot3 === 3" class="box_4 flex-row">
              <div class="image-text_1 flex-col">
                <img
                  class="icon_5"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbc0f791e94d1bf8105fcbb2d95a8ea02abc23c639ab6dada41ed88ab11fe8b14"
                />
                <span class="text-group_1">我的计划</span>
              </div>
              <div class="image-text_2 flex-col">
                <img
                  class="icon_6"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcc12d0c28802ef1cc28041553e2d387ade6cd1018486b3cbcc1acb73dda29299"
                />
                <span class="text-group_2">我的总结</span>
              </div>
              <div class="image-text_3 flex-col">
                <img
                  class="icon_7"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc3b8a44ede4592b5655bbea8bc6217f02953f71a673ed21e8ca7380873d4601a"
                />
                <span class="text-group_3">备忘录</span>
              </div>
              <div class="image-text_4 flex-col">
                <img
                  class="icon_8"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng094408a4c657cc46acdb3732c90eadd652f181cfc3c21f936cb8bb40a7fa8f20"
                />
                <span class="text-group_4">考核测评</span>
              </div>
            </div>
            <div v-if="item.slot2 === 2" class="box_5 flex-row">
              <div class="image-text_5 flex-col">
                <img
                  class="icon_9"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4424ff8abdfa748d2ea0d18d835102985bdd6a25c52c8808384b659146e51875"
                />
                <span class="text-group_5">请销假</span>
              </div>
              <div class="image-text_6 flex-col">
                <img
                  class="icon_10"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6c8d89dd60cd6bcf026c3a3ee97215a20f97e0f8154b59b425af066a74a6403c"
                />
                <span class="text-group_6">证明开具</span>
              </div>
              <div class="image-text_7 flex-col">
                <img
                  class="icon_11"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc3b8a44ede4592b5655bbea8bc6217f02953f71a673ed21e8ca7380873d4601a"
                />
                <span class="text-group_7">备忘录</span>
              </div>
              <div class="block_3 flex-col">
                <img
                  class="icon_12"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng92fc91feb621618869c4cef6422a6aa45f8adec93bbe71f591f0d574c9d3c1bb"
                />
                <span class="text_15">全部</span>
              </div>
            </div>
            <div v-if="item.slot1 === 1" class="box_6 flex-row justify-between">
              <div class="image-text_8 flex-col">
                <img
                  class="icon_13"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4424ff8abdfa748d2ea0d18d835102985bdd6a25c52c8808384b659146e51875"
                />
                <span class="text-group_8">请销假</span>
              </div>
              <div class="image-text_9 flex-col">
                <img
                  class="icon_14"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc3b8a44ede4592b5655bbea8bc6217f02953f71a673ed21e8ca7380873d4601a"
                />
                <span class="text-group_9">备忘录</span>
              </div>
              <div class="group_1 flex-col">
                <img
                  class="icon_15"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng92fc91feb621618869c4cef6422a6aa45f8adec93bbe71f591f0d574c9d3c1bb"
                />
                <span class="text_16">全部</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        loopData0: [
          { lanhutext0: '常用服务', slot1: 1 },
          { lanhutext0: '综合服务', slot2: 2 },
          { lanhutext0: '工作考评', slot3: 3 },
        ],
        constants: {},
      };
    },
    methods: {},
  };
  </script>
  <style src="./common.css" />
  <style src="./index.css" />
  